<%--&lt;%&ndash;--%>
<%--  Created by IntelliJ IDEA.--%>
<%--  User: Administrator--%>
<%--  Date: 2025/6/8--%>
<%--  Time: 下午1:41--%>
<%--  To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%--<%@ page contentType="text/html;charset=UTF-8" language="java" %>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>课程学习</title>--%>
<%--</head>--%>
<%--<body>--%>
<%--<h2>视频学习</h2>--%>
<%--<%--%>
<%--    String courseId  = request.getParameter("courseId");--%>
<%--    if(courseId.equals("1")){--%>
<%--%>--%>
<%--<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=48624233&bvid=BV1Eb411u7Fw&cid=122452656&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>--%>
<%--<%}else if(courseId.equals("2")) {%>--%>
<%--<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1655844770&bvid=BV1nE421N7Fe&cid=1587676904&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>--%>
<%--<%} else if (courseId.equals("3")) {%>--%>
<%--<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=765670802&bvid=BV1Kr4y1i7ru&cid=1596823640&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>--%>
<%--<%} else if (courseId.equals("3")) {%>--%>
<%--<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113096756625968&bvid=BV1tNpbekEht&cid=25778130919&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>--%>
<%--<%}%>--%>
<%--</body>--%>
<%--</html>--%>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2025/6/8
  Time: 下午1:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>课程学习</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f5f7fa;
            margin: 0;
            padding: 0;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        h2 {
            color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
            font-size: 28px;
            position: relative;
            padding-bottom: 10px;
        }

        h2::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background-color: #3498db;
        }

        .video-container {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            padding: 20px;
            margin-bottom: 30px;
            transition: transform 0.3s ease;
        }

        .video-container:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        iframe {
            width: 100%;
            height: 600px;
            border-radius: 4px;
            border: none;
        }

        .course-info {
            margin-top: 20px;
            padding: 15px;
            background-color: #f8f9fa;
            border-radius: 4px;
        }

        .course-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #2c3e50;
        }

        .course-desc {
            color: #7f8c8d;
            line-height: 1.6;
        }

        @media (max-width: 768px) {
            iframe {
                height: 400px;
            }

            .container {
                padding: 10px;
            }
        }
    </style>
</head>
<body>
<div class="container">
    <h2>视频学习</h2>

    <div class="video-container">
        <%
            String courseId  = request.getParameter("courseId");
            System.out.println("course_study:133:"+courseId);
            if(courseId.equals("1")){
        %>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=48624233&bvid=BV1Eb411u7Fw&cid=122452656&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>
        <div class="course-info">
            <div class="course-title">高等数学</div>
            <div class="course-desc">高等数学是研究微积分、线性代数和常微分方程等内容的基础学科，广泛应用于理工科和经济管理等领域。</div>
        </div>
        <%}else if(courseId.equals("2")) {%>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1655844770&bvid=BV1nE421N7Fe&cid=1587676904&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>
        <div class="course-info">
            <div class="course-title">离散数学</div>
            <div class="course-desc">《离散数学》是研究具有离散特征的变量和结构及相互关系的数学学科，是现代数学的一个重要分支。离散的含义是指不同的连接在一起的元素，离散数学主要是研究基于离散量的结构和相互间的关系，其研究对象一般是有限个或可数个元素，例如整数、图和数学逻辑中的命题，它们不是连续变化的，而是拥有不等、分立的值。离散数学在各学科领域，特别在计算机科学与技术领域有着广泛的应用，同时离散数学也是计算机专业的许多专业课程，如程序设计语言、数据结构、操作系统、编译技术、人工智能、数据库、算法设计与分析、理论计算机科学基础等必不可少的先行课程。</div>
        </div>
        <%} else if (courseId.equals("3")) {%>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=765670802&bvid=BV1Kr4y1i7ru&cid=1596823640&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>
        <div class="course-info">
            <div class="course-title">MySQL数据库原理与应用</div>
            <div class="course-desc">深入理解数据库系统原理，掌握SQL语言和数据库设计方法。</div>
        </div>
        <%} else if (courseId.equals("4")) {%>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113096756625968&bvid=BV1tNpbekEht&cid=25778130919&p=1" scrolling="no" border="0" frameborder="no" framespacing="0"></iframe>
        <div class="course-info">
            <div class="course-title">数据结构与算法</div>
            <div class="course-desc">学习计算机科学核心知识，提升编程能力和问题解决能力。</div>
        </div>
        <%} else if(courseId.equals("5")) {%>
        <iframe src="//player.bilibili.com/player.html?isOutside=true&aid=113110916661769&bvid=BV1JXppejE8q&cid=25801920097&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" ></iframe>
        <div class="course-info">
            <div class="course-title">概率论与数理统计</div>
            <div class="course-desc">概率论是研究随机现象统计规律性的随机数学分支，包括随机事件、随机变量、大数定理、中心极限定理等；数理统计是研究如何采集、整理、分析随机性数据及做出统计估计、推断、预测或决策的随机数学分支，包括样本与抽样分布、参数估计、假设检验、回归分析和方差分析。这两门学科在自然科学和社会科学领域有广泛应用。</div>
        </div>
        <%}%>
    </div>
</div>
</body>
</html>